<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
/*		序选择器*/
/*		p:first-child{
			 color: red;
		}
		p:last-child{
			color: blue;
		}
		p:nth-child(2){
			color: orange;
		}*/
		/*odd 代表奇数位*/
		/*p:nth-child(odd){     
			color: orange;
		}*/
		/*even  代表偶数位*/
		/*p:nth-child(even){   
			color: skyblue;
		}*/
/*		n 代表着 123456.......∞*/
		/*p:nth-child(2n-1){   
			color: skyblue;
		}*/

/*		选中同级别同层级的 第二个并且是 P 标签*/
		/*p:nth-child(2){
			color: red;
		}*/
/*		选中同级别同类型的标签中的第几个*/
		p:nth-of-type(2){
			color: red;

		}

	</style>
</head>
<body>
	<p>111</p>
	<h2>00000</h2>
	<p>222</p>
	<div>
		<p>长安的荔枝</p>
		<h2>333</h2>
		<div>漫长的季节</div>
		<p>藏海转</p>
		<p>凡人修仙传</p>
		<p>我是仙帝吕嘉豪</p>
	</div>
</body>
</html>